﻿<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>工作总结</title> 
<link href="../css/base.css" rel="stylesheet">
<link href="../css/project/work_summary.css" rel="stylesheet">
<link href="../js/lib/umeditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
</head> 
<body>
    <div class="container">
        <div id="inner-hd">
            <div class="crumbs">
				<i class="crumbs-arrow"></i>
				<a href="javascript:;" class="crumbs-label">工作总结</a>
			</div>
        </div>

        <div id="inner-bd">
          <div class="tab-wraper">
            <ul class="tab">
              <li name="month" class="current"><a href="javascript:;">填写月度总结</a></li>
              <li name="year"><a href="javascript:;">填写年度总结</a></li>
           </ul>
          </div>
            <div class="month">
                <div class="kv-group-outer">
                  <div class="kv-group clearfix">
                      <div class="kv-item">
                          <div class="item-lt">年份：</div>
                          <div class="item-rt">
                              <select>
                                  <option>2015</option>
                              </select>
                          </div>
                      </div>
                      <div class="kv-item">
                          <div class="item-lt">周期：</div>
                          <div class="item-rt">
                              <select>
                                  <option>第一季度</option>
                              </select>
                          </div>
                      </div>
                      <div class="kv-item right">
                          <div class="item-lt">姓名：</div>
                          <div class="item-rt">
                              uimaker
                          </div>
                      </div>
                      <div class="kv-item right">
                          <div class="item-lt">部门内设机构：</div>
                          <div class="item-rt">
                              办公室
                          </div>
                      </div>
                  </div>
              </div>
              <div class="button-group">
                <div class="button current">
                  <i class="iconfont">&#xe76a;</i>
                  <span class="button-label">保存</span>
                </div>
                <div class="button">
                  <i class="iconfont">&#xe62e;</i>
                  <span class="button-label">提交</span>
                </div>
                <div class="button">
                  <i class="iconfont">&#xe600;</i>
                  <span class="button-label">导出</span>
                </div>
              </div>
              <table class="kv-table">
                <tbody>
                  <tr>
                    <td class="kv-label" style="width:167px;">考勤情况：</td>
                    <td class="kv-content hasEdit" style="width:auto;">
                      <div id="editor-month" class="editor"></div>
                    </td>
                  </tr>
                  <tr>
                    <td class="kv-label" style="width:167px;">计划内容：</td>
                    <td class="kv-content" style="width:auto;">
                      <div class="kv-group-outer">
                          <div class="kv-group clearfix">
                              <div class="kv-item">
                                  <div class="item-lt">出勤(天)：</div>
                                  <div class="item-rt">
                                      <input type="text">
                                  </div>
                              </div>
                              <div class="kv-item">
                                  <div class="item-lt">请假(天)：</div>
                                  <div class="item-rt">
                                      <input type="text">
                                  </div>
                              </div>
                              <div class="kv-item">
                                  <div class="item-lt">公休(天)：</div>
                                  <div class="item-rt">
                                     <input type="text">
                                  </div>
                              </div>
                          </div>
                      </div>
                       <div class="kv-group-outer">
                          <div class="kv-group clearfix">
                              <div class="kv-item">
                                  <div class="item-lt">出勤(天)：</div>
                                  <div class="item-rt">
                                      <input type="text">
                                  </div>
                              </div>
                              <div class="kv-item">
                                  <div class="item-lt">请假(天)：</div>
                                  <div class="item-rt">
                                      <input type="text">
                                  </div>
                              </div>
                              <div class="kv-item">
                                  <div class="item-lt">公休(天)：</div>
                                  <div class="item-rt">
                                     <input type="text">
                                  </div>
                              </div>
                          </div>
                      </div>
                    </td>
                  </tr>
                  <tr>
                    <td class="kv-label" style="width:167px;">附件：</td>
                    <td class="kv-content" style="width:auto;">
                        <a href="javascript:;" class="a-upload">
                          <input type="file" name="" id="">选择文件
                        </a>
                        <span class="text-tip">未选择任何文件</span>
                        <div class="button current">
                          <span class="button-label">上传附件</span>
                        </div>
                        <div class="button">
                          <span class="button-label">删除附件</span>
                        </div>
                        <div class="button">
                          <span class="button-label">打开附件</span>
                        </div>
                    </td>
                  </tr>
                </tbody> 
             </table>
             <div class="note">
              <span>注：</span>
              请假、公休等情况需上传证明材料，如请假条、病假条等。
             </div>
            </div>
            <div class="year">
                <div class="kv-group-outer">
                  <div class="kv-group clearfix">
                      <div class="kv-item">
                          <div class="item-lt">年份：</div>
                          <div class="item-rt">
                              <select>
                                  <option>2015</option>
                              </select>
                          </div>
                      </div>
                      <div class="kv-item right">
                          <div class="item-lt">姓名：</div>
                          <div class="item-rt">
                              uimaker
                          </div>
                      </div>
                      <div class="kv-item right">
                          <div class="item-lt">部门内设机构：</div>
                          <div class="item-rt">
                              办公室
                          </div>
                      </div>
                  </div>
              </div>
              <div class="button-group">
                <div class="button current">
                  <i class="iconfont">&#xe76a;</i>
                  <span class="button-label">保存</span>
                </div>
                <div class="button">
                  <i class="iconfont">&#xe62e;</i>
                  <span class="button-label">提交</span>
                </div>
                <div class="button">
                  <i class="iconfont">&#xe600;</i>
                  <span class="button-label">导出</span>
                </div>
              </div>
              <table class="kv-table">
                <tbody>
                  <tr>
                    <td class="kv-label" style="width:167px;">计划内容：</td>
                    <td class="kv-content hasEdit" style="width:auto;">
                       <div id="editor-year" class="editor"></div>
                    </td>
                  </tr>
                  <tr>
                    <td class="kv-label" style="width:167px;">附件：</td>
                    <td class="kv-content" style="width:auto;">
                        <a href="javascript:;" class="a-upload">
                          <input type="file" name="" id="">选择文件
                        </a>
                        <span class="text-tip">未选择任何文件</span>
                        <div class="button current">
                          <span class="button-label">上传附件</span>
                        </div>
                        <div class="button">
                          <span class="button-label">删除附件</span>
                        </div>
                        <div class="button">
                          <span class="button-label">打开附件</span>
                        </div>
                    </td>
                  </tr>
                </tbody> 
             </table>
            </div>
        </div>

        <div id="inner-ft">
            
        </div>
    </div>

    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../js/global.js"></script>
    <script type="text/javascript" src="../js/core.js"></script>
    <script type="text/javascript" src="../js/jquery.select.js"></script>
    <script type="text/javascript" charset="utf-8" src="../js/lib/umeditor/umeditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="../js/lib/umeditor/umeditor.min.js"></script>
    <script type="text/javascript" src="../js/lib/umeditor/lang/zh-cn/zh-cn.js"></script>
    <script type="text/javascript">
    var umMonth = UM.getEditor('editor-month');
    var umYear;
    $('select').select();
    var isYearInit = false;
    $(".tab > li").click(function(){
        $(".tab > li").removeClass("current");
        $(this).addClass("current");
        $(".month,.year").hide();
        $("." + $(".tab >li.current").attr("name")).show();
        if($(this).attr("name") === "year" && !isYearInit){
            umYear = UM.getEditor('editor-year');
            isYearInit = true;
        }
    });
    </script>
</body> 
</html>
